<template>
<div class="hello">
  <span>
    Index PAGE
  </span>
  <div>
    <ul>
      <li v-for="(r,index) in routes" :key="index">
        <span @click="$router.push(r.path)" class="tag-a">
          {{ r.mate.title }}
        </span>
      </li>
    </ul>
  </div>
</div>
</template>

<script>
import routes from '../../router/config'
export default {
  data(){
    return {
      routes ,
    }
  }
}
</script>

<style scoped>
.hello{

}
.tag-a{
  color: blue;
  cursor:pointer;
}
</style>